<template>
   <v-app id="inspire">
    <v-navigation-drawer
      v-model="drawer"
      app
      clipped
    >
      <v-list dense>
        <v-list-item link to="/QueryStudents">
          <v-list-item-content>
            <v-list-item-title>查询学生信息</v-list-item-title>
          </v-list-item-content>
        </v-list-item>
        <v-list-item link to="/AddStudent">
          <v-list-item-content>
            <v-list-item-title>添加学生信息</v-list-item-title>
          </v-list-item-content>
        </v-list-item>
        <v-list-item link to="/AddCourseGrade">
          <v-list-item-content>
            <v-list-item-title>录入学生成绩</v-list-item-title>
          </v-list-item-content>
        </v-list-item>
      </v-list>
    </v-navigation-drawer>

    <v-app-bar
      app
      clipped-left
      color="primary"
      dark
    >
      <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
      <v-toolbar-title>数据库管理系统</v-toolbar-title>
    </v-app-bar>

    <v-content>
      <v-container fluid>
        <router-view />
      </v-container>
    </v-content>

    <v-footer app>
      <span>&copy; 2019 - 王晨闯 - 数据库作业</span>
    </v-footer>

    <Login />
  </v-app>
</template>

<script>
import login from '@/components/Login'


export default {

  name: 'App',

  props: {
    source: String,
  },

  data: () => ({
    drawer: null,
  }),

  components: {
    "Login": login
  },

  methods: {
    handleLoginEvent() {
      console.log("handleLoginEvent")
    }
  },
};
</script>
